<template>
  <el-container class="app-container">
    <!-- 侧边栏 -->
    <Sidebar/>

    <!-- 路由视图 -->
    <router-view/>
  </el-container>
</template>

<script setup>
import Sidebar from './components/Sidebar.vue';
</script>

<style>
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.app-container {
  height: 100vh;
  display: flex;
  background-color: var(--color-background);
}

/* 响应式设计 */
@media (max-width: 768px) {
  .sidebar {
    width: 64px !important;
  }

  .new-chat-button span {
    display: none;
  }

  .username {
    display: none;
  }
}
</style>
